body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;    font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
html{-webkit-tap-highlight-color:transparent;overflow-x:auto;padding:0;margin:0}
body,button,input,select,textarea{font-family:Microsoft Yahei,"微软雅黑","Times New Roman";font-size:14px;line-height:26px;color:#333;background:#fff}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
a{color:#222; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
img {/*max-width: 100%;height: auto;*/vertical-align: top;-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;border:none;caret-color:#222;}
.wrap{max-width: 1200px;margin:0 auto;}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
.clearfix {zoom: 1;}
.l{float: left;}
.r{float:right;}
.head{ overflow:hidden; margin-top:20px;margin-bottom:10px;}
.head .logo{width:27%;float:left;display:block;background:url(../images/logo.jpg) no-repeat;height:72px;text-indent: -9999px; display: block; }
.head h1{width:300px;float:left;display:block;background:url(../images/logo.jpg) no-repeat;height:72px;text-indent: -9999px; display: block; }
.head{margin-bottom:15px}
.left{float:left;width:38%;}
.left p strong{color: #0D53B4;}
.left p{float:right;margin-left:5px;padding-left: 15px; border-left: 1px solid #0D53B4;}
.left p{color:#555;font-size:16px;}
.left p span{margin-top: 10px;display: block;}
.head ul{margin-left:7%; float:left}
.head ul li{float: left;margin-top: 25px;}
.head ul li a{font-size:15px;position: relative;padding:0 20px;}
.head ul li:hover a{color:#F00;}
.head ul li a:after{content:"";display: inline-block;height: 16px;background: #888;width: 2px;position: absolute;top:3px;right: 0;font-size:10px;}
.head ul li a.last:after{width: 0}
.head .tel{width: 19%;margin-top:5px; float:right}
.nav{background:#0D53B4;position: relative;}
.nav li{float:left;height: 54px;line-height: 54px;width: 12.5%;text-align: center;}
.nav li a{color:#fff;font-size: 16px;display: block;}
.nav li.active{background:#FF8000;}
.nav li:hover{background:#FF8000;}
.bread{background: #f5f7fa;font-size:14px;color:#666;padding:13px 0; border-bottom: 1px solid #ddd;}
.bread a{color:#333;}
.bread img{vertical-align: bottom;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*产品列表*/
.pro-list{overflow:hidden; margin-top:10px;}
.pro-list ul{margin-left:-1.5%;overflow:hidden;}
.pro-list li{float: left;width:23.5%;position: relative;transition: all .3s ease-out; margin-left:1.5%;margin-top:20px;}
.pro-list li:after{width: 27px;height: 15px;content:"";display: block;position: absolute;right:20px;bottom:35px;}
.pro-list li:hover:after{width: 27px;height: 15px;content:"";display: block;position: absolute;right:20px;bottom:35px;}
.pro-list li:hover{box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);transform: translate(0,-3px);}
.pro-list h3 {background: url(../images/ico-sign.png) no-repeat center right; margin-top:10px;background-size:30px;}
.pro-list h3 a{font-size:15px;color:#333;margin-bottom: 15px;display: block; padding:0px 10px; }
.pro-list li a{overflow: hidden;display: block;}
.pro-list a img{width:100%;-moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.pro-list li:hover a img{-moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
/*分页*/
.showpage{clear:both;overflow:hidden;text-align:center;width:100%;margin-top:20px;}
.showpage li{float:left}
.showpage .pageinfo,.showpage li{text-decoration:none;padding:2px 10px;margin:2px;border:1px solid #ddd}
.showpage li:hover{background-color:#165cce;color:#fff;border:1px solid #165cce;text-decoration:none}
.showpage .thisclass{font-weight:700;color:#fff;background:#165cce;border:1px solid #f0f0f0}
.showpage li a:hover{color:#fff}
/*产品辅*/
.nav-list{overflow:hidden; margin-top:30px;}
.nav-list ul{overflow:hidden; margin-left:-0.5%;}
.nav-list li{width:19.5%; background:#f9f9f9; text-align:center; float:left; margin-left:0.5%;}
.nav-list li a{line-height:45px;display:block; }
.nav-list li a:hover{background:#FF8000;}
.nav-list .active{background:#0D53B4; color:#fff}

.Procomtit{clear:both;padding:0px;}
.Procomtit h3{float:left;color:#3f3f3f;padding-right: 15px;font-size:26px;}
.Procomtit h3 em{color:#FF8000;margin-right: 5px;font-size:30px;margin-right:15px;vertical-align: text-bottom;display: inline-block;}
.Procomtit h3 a{padding:0px;margin:0px;border:0px;color:#FF8000;display: inline-block;}
.Procomtit h3 a:hover{color:#222;}
.Procomtit a{border:1px dashed #535353; margin:0px 0px 0px 20px; padding:5px 20px;display: inline-block;}
.Procomtit span{float:right;}
.Procomtit span a{padding:0px;border:0px;background:url(../images/case_jt.png) no-repeat right center;padding-right:25px;font-size:14px;color:#585858;display:block;margin:0px 0px 0px 0px; background-size: 15px;}
.Procomtxt{padding-top:20px;line-height:25px;color:#585858;}

.container-list{ overflow:hidden; margin-top:30px;}
.container-list ul{ overflow:hidden; margin-left:-1.5%; margin-top:30px;}
.container-list li{ float:left; width:31.5%; margin-left:1.5%; background:url(../images/probgline04.png); margin-bottom:10px;}
.container-list li img{max-width: 100%;height: auto;}
.container-list .tit,.case-list li .case-list-l{ float:left; width:80%; padding-left:10px; margin-bottom:10px; margin-top:10px; }
.container-list .tit h4,.case-list li .case-list-l h3{ font-size:15px; color:#fff;font-weight:bold; margin-top:10px;}
.container-list .tit a,.container-list .tit p,.container-list .tit-go a{color:#fff; }
.container-list .tit-go,.case-list .case-list-r{ margin-top:30px;}
.container-list .tit-go a,.case-list .case-list-r a {padding: 0px 25px 0px 10px;border: 1px solid #fff;display: inline-block; border-radius: 13px;font-size: 12px;background: url(../images/arrow07.png) no-repeat 35px center;font-size: 14px;font-weight: bold;padding: 2px 25px 2px 10px;}
/*底部*/
.foot_btm{background:#064ca0; overflow:hidden; text-align:center; color:#fff; padding:10px 0px; margin-top:30px}
.foot_btm a{ color:#fff}
/*客户现场*/
.case-list{ overflow: hidden; margin-top:30px;}
.case-list ul{overflow: hidden; margin-left:-3%}
.case-list li{background:#f9f9f9 url(../images/probgline04.png);position: relative;transition: all .3s ease-out; width:30%; float:left; margin-left:3%; margin-top:20px;}
.case-list li .img img{ width:100%; height:auto}
.case-list li:after{width: 27px;height: 15px;content:"";display: block;position: absolute;right:20px;bottom:30px;}
.case-list li:hover .case-list-l img{-moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.case-list li:hover strong a{color:#ed1c24;}
.case-list li:hover:after{width: 27px;height: 15px;content:"";display: block;position: absolute;right:20px;bottom:30px;}
.case-list li:hover{box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);transform: translate(0,-3px);}
.case-list li a,.case-list  .case-list-l{color:#fff; }
/*新闻列表 */
.news-hot{ overflow:hidden; margin-top:50px;}
.news-hot ul{ clear: both; overflow: hidden; margin-left: -3%;}
.news-hot ul li{ position: relative; float: left; width: 30.3%; margin-left: 3%;}
.news-hot ul li img{ width: 100%; height: auto;}
.main-info{ position: relative; padding: 20px; margin: -40px 8% 10px 8%; padding-top: 20px\0; margin-top: -40px\0; padding-top: 60px\9; margin-top: -90px\9; background-color: #FFF; box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.5); z-index: 20;}
.main-info:before{content: '';display: block;height: 60px;position: absolute;left: 0;top: -60px;width: 100%;background-repeat: no-repeat;background-size: 100% 100%;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23FFFFFF;' /%3E%3C/svg%3E");
}
.main-info i{ position: absolute; right: -20px; top: -30px; right: -10px\0; top: -30px\0; top: 8px\9; right: -22px\9; color: #FFF; font-size: 16px; width: 112px; height: 42px; line-height: 35px; padding-left: 24px; background: url(../images/pro-icon04.png) no-repeat center;}
.main-info h3{ color: #0D53B4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main-info h3 a{ color: #0D53B4; font-size:15px;}
.main-info p{font-size:14px; line-height: 28px; height: 56px; margin: 16px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.main-info a.info-more{ color: #0D53B4; font-size:12px; padding-right: 26px;}
.main-info a.info-more:hover{ padding-right: 32px;}

.news-sub{overflow:hidden; margin-top:50px; background:url(../images/newbg_1.jpg) no-repeat; padding:30px 0px;;}
.news-l{ width:50%; float:left}
.news-l dl{ overflow:hidden; margin-top:20px; background:#fff; padding:10px;}
.news-l dt{ width:30%; float:left}
.news-l dd{ width:65%; float:right}
.news-l dl img{ width:100%; height:auto}
.news-l dl h3{ font-size:15px; margin-bottom:8px; font-weight:900}
.news-l dl span{ font-size:12px; color:#555}
.news-l dl .more{ float:right; color:#0D53B4;background:url(../images/case_jt.png) no-repeat 0px 50%; padding-left:30px;}
.news-sfnews{float:right; width:46%}
.news-sfnews li{ background:#fff; margin-bottom:10px; padding:10px 0px; overflow:hidden}
.news-sfnews p,.news-sfnews h4{ padding:0px 10px;}
.news-sfnews h4{ font-size:15px; margin-bottom:8px; font-weight:900}
.news-sfnews span{ background: url(../images/ico-sign.png) no-repeat 0px 50%;background-size: 15px; float:right; padding-left:30px; font-size:12px;}
.news-sfnews .news-tit,.news-l .news-tit{ overflow:hidden; margin-bottom:25px;}
.news-sfnews .tit,.news-l .tit{ float:left; font-size:24px;}
.news-sfnews .xinwen,.news-l .xinwen{ float:right; font-size:14px; color:#666;}

.news-list{margin-bottom:30px;overflow:hidden}
.news-list ul{overflow:hidden;}
.news-list li{position:relative;padding-left:75px;margin-top:30px;width:40%;margin-right:3%;margin-bottom:2%;float:left}
.news-list li .date{position:absolute;left:0;top:6px;width:55px;border:1px #ccc solid;text-align:center}
.news-list li .date span{display:block;font-family:Arial}
.news-list li .date .day{font-size:30px;font-weight:700;background-color:#ccc;line-height:45px;color:#fff}
.news-list li .date .year{font-size:.77em;color:#565656}
.news-list li h3{font-size:15px;font-weight8500;color:#00132b;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-list li .p{line-height:1.8;height:38px;color:#666}
.news-list li:hover .date{border-color:#007ef3}
.news-list li:hover .date .day{background-color:#007ef3}
.news-list li:hover .title{color:#FF3F3C}
/*联系我们*/
.contact-show{  background:#f0f0f0; overflow:hidden; padding:30px 0px; padding-top:45px;}
.contact-show strong{ display: block; text-align: center; color: #393B45; font-size:24px;  margin-bottom:15px; font-weight:normal}
.contact-show p{text-align: center; font-size:15px;}
.contact-show ul{ clear: both; overflow: hidden; padding-bottom: 10px; margin-top:20px; margin-left: -5%; }
.contact-show li{ float: left; width: 28%; text-align: center; padding: 30px 0 40px; margin-left: 5%; background:#fff;box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.2);}
.contact-show li img{ margin-bottom:10px;}
.contact-show .cont-txt{ height: 84px; padding: 0 6px;}
.contact-show li p{ font-size:15px;  padding: 0;}
.contact-show li b{ color:#0D53B4; font-size: 22px; line-height: 36px; }
.contact-show li span{ display: inline-block; color: #FFF; font-size: 20px; width: 166px; height: 36px; line-height: 36px; text-align: center; border-radius: 18px; margin-top: 10px; cursor: pointer; background-color: #FF8000;}

.contact-commit{margin-top:40px;overflow:hidden; margin-bottom:40px;}
.contact-commit strong{font-size:24px;text-align: center;display: block;margin-bottom: 10px; font-weight:normal}
.contact-commit p{font-size:15px;text-align: center;}
.contact-commit ul{margin-left: -2%;margin-top:20px; overflow:hidden}
.contact-commit li{width:23%;margin-left: 2%; float: left;text-align: center;background:#f9f9f9;padding:36px 0 55px 0;box-sizing: border-box;border-radius: 5px;box-shadow:1px 5px 30px #ddd;}
/*关于我们*/
.index-tit h3{ position: relative; display: inline-block; font-size: 36px; line-height: 58px; padding-bottom: 20px; margin-bottom:15px;}
.index-tit h3:before{ content: ''; position: absolute; left: 0; bottom:2px; width: 100%; height: 2px; background-color: #FF8000;}
.index-tit h3:after{ content: ''; position: absolute; left: 0; bottom:0; width: 58px; height: 7px; border-radius: 2px; background-color: #FF8000;}
.index-tit h3 a{ color: #333;}
.index-tit h3 b{ display: inline-block; color: #FFF; width: 58px; height: 58px; border-radius: 50%; text-align: center; margin-right: 5px; background-color: #FF8000;}
.about_introduce{ background:#f9f9f9; overflow:hidden; padding:30px 0px; padding-top:45px;}
.about_introduce strong{ font-size:18px; color:#0D53B4}
.about_img{ width:48%; float:left; padding:10px; background:#fff}
.about_img img{ width:100%; height:400px;margin-top: 80px;padding-bottom: 40px;}
.honor-info{ float:right;width: 44%; padding:20px 30px 20px; border-radius: 6px; background-color: #FFF; box-shadow: 0 2px 15px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 15px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 15px 3px rgba(0,0,0,0.5); z-index: 20;}
.honor-info p{ margin-top:10px;}
.about-show{  overflow:hidden; margin-top:40px;}
.about-show strong{ display: block; text-align: center; color: #393B45; font-size:24px; font-weight:normal}
.about-show p{ color:#393B45;text-align: center; padding: 0 11%; font-size:15px; margin-bottom:10px;}
.about-show ul{ overflow:hidden; margin-left:-1.5%; margin-top:20px;}
.about-show li{ width:31.5%; float:left; background:#f9f9f9; padding:10px 0px; margin-left:1.5%; margin-bottom:10px;height: 127px;}
.about-show b{ font-size:15px; font-weight:bold; background:#0D53B4; display:block; color:#fff; line-height:35px;}
.about_range{overflow: hidden; margin-top:30px;}
.about_range h3{ font-size:24px; text-align:center; margin-bottom:10px;}
.about_range p{text-align: center;}
.about_range ul{ overflow:hidden; margin-left:-1.5%; margin-top:20px;}
.about_range li{ width:23.5%; width:15%; float:left; text-align:center; margin-left:1.5%}
.about_range{ margin-bottom:30px;}
.about_range li img{ width:100%; height:auto}
.about-honor{ overflow:hidden;  background-color: #f9f9f9; margin-top:40px; padding:30px 0px}
.about-honor .box{ position: relative;}
.about-honor .box:after{ content: ''; display: block; position: absolute; right: -55px; top: -60px; width: 316px; height: 297px; background: url(../images/honor-cup_1.png) no-repeat; z-index: 10;}
.honor-pic{ float:left; width:48%}
.honor-pic ul{ overflow:hidden; margin-left:-1.5%}
.honor-pic li{ width:31.5%; float:left; text-align:center; margin-bottom:10px; margin-left:1.5%}
.honor-pic li img{ width:100%; height:auto}
/*案例内页*/
.pro-main{overflow: hidden;}
.pro-fr{ float:left; width:48%; padding: 30px; margin-bottom: 10px; padding-top:10px; margin-top:20px; border-bottom-left-radius: 80px; background-color: #FAFAFA; box-shadow: -1px 8px 15px -4px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 8px 15px -4px rgba(0,0,0,0.2); -moz-box-shadow: -1px 8px 15px -4px rgba(0,0,0,0.2);}
.pro-fr .img img{ width:100%; height:auto}
.pro-fl{ float:right; width: 42%; margin-top:30px; background: url(../images/pg_bg.png); padding:10px;}
.pro-fl h1{font-size:24px;margin-bottom:20px; font-weight:bold}
.pro-fl p{margin-bottom:10px; line-height:30px;}
.pro-fl p strong{ color:#0D53B4}
.pro-fl  .con-side{ background:#fff; padding:10px;}
.pro-link{ position: relative; height:45px; margin:60px auto 16px; border-radius: 10px; background:#FA880A;}
.pro-link i{ position: absolute; left: 18px; bottom: 0; width: 96px; height: 100px; background: url(../images/tel-pic_2.png) no-repeat center;}
.pro-link span{ display: inline-block; color: #FFF; font-size:17px; line-height:45px; padding: 0 40px 0 130px; cursor: pointer; background: url(../images/tel-hand_2.gif) no-repeat right center;}
.pro-tel{ color: #FFF; font-size: 16px; padding: 8px 40px 8px 60px;  border-radius: 0 10px 10px 0; border-radius: 0\9; background:#0D53B4;}
.pro-tel img{ float: left; margin-top: 8px; margin-right: 18px;}
.pro-tel strong{ font-size: 22px; line-height: 1;}
.con-theme{ background:#f9f9f9; overflow:hidden}
.con-fl{ float:left; width:70%; background:#fff; }
.pro-base{padding:10px; overflow:hidden}
.pro-base h2{font-size:20px; padding-left: 50px; margin: 32px 0 20px; background: url(../images/pro-icon.png) no-repeat left center;font-weight:bold}
.pro-base p{text-indent: 2em; margin-bottom: 20px;}
.pro-base p img, .pro-base p video{ max-width: 100%; height: auto; text-indent: -2em;}
.pro-base p a{ color: #DA251D; }
.pro-base table td{ padding: 5px 2px;}
.related-news{ overflow:hidden; padding:10px;}
.related-news ul{ overflow:hidden; margin-left:-1.5%; margin-top:20px;}
.related-news li{ width:23.5%; margin-left:1.5%; float:left; text-align:center}
.related-news img{ width:100%; height:auto}
.related-news h3{ font-size:20px; background: url(../images/pro-icon.png) no-repeat left center;padding-left: 50px; font-weight:bold}
/*侧边栏*/
.con-fr{ float: right; width: 26%;}
.pro-name{ line-height: 28px; text-align: center; font-size:20px; font-weight: bold; padding: 30px 0 30px 50px; background: url(../images/pro-icon03.png) no-repeat ;}
.case-side{ padding: 0 30px 50px; border-top-right-radius: 80px; background-color: #FFF;}
.case-side li{ line-height: 40px; text-align: center; margin-bottom: 10px; background-color: #F3F3F3;}
.case-side li:hover{ cursor: pointer; background-color: #FF8000;}
.case-side li:hover a{ color: #FFF;}
.case-news{ position: relative; padding: 0 30px 20px; margin-top: 30px; border: 10px solid #FAFAFA; background:#fff}
.case-news::before{ content: ''; display: block; position: absolute; left: 50px; top: -75px; width: 20px; height: 100px; background: url(../images/tit-line.png) no-repeat center;}
.case-news::after{ content: ''; display: block; position: absolute; right: 50px; top: -75px; width: 20px; height: 100px; background: url(../images/tit-line.png) no-repeat center;}
.case-news li{ line-height: 36px; padding-left: 30px; background: url(../images/ico-sign.png) no-repeat left center; background-size:20px; }
.case-news li a{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.case-news li a:hover{ color: #FF8000;}
.contact-cont{ clear: both; overflow: hidden; padding: 24px 16px; margin-top:20px; margin-right: 2px; background-color: #FFF; background-color: #F6F6F6\0; box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2);}
.contact-about{ float: left; width: 63%; width: 58%\0; margin-top: 30px;}
.contact-tel{ font-size:16px; margin-top: 24px; background: url(../images/news-tel.png) no-repeat 0px 5px; padding-left:50px;}
.contact-tel b{ display:block; color:#0D53B4; font-size: 22px;}
.contact-ser{ font-size:15px;  width:90%;  padding:10px 10px;margin-top:30px; text-align: center; border-radius:12px; border-bottom: 1px solid #FDC58D; background-color:#FA880A;}
.contact-ser a{color:#fff;}
.related-pro{overflow: hidden; margin-top:30px; padding:10px;}
.related-pro h3{ font-size:20px; background: url(../images/pro-icon.png) no-repeat left center;padding-left: 50px; font-weight:bold}
.related-pro ul{ margin-left: -1.5%; overflow:hidden; }
.related-pro li{ float:left; width:23.5%; margin-left:1.5%; text-align: center;margin-top:20px;}
.related-pro li a{ display: block; overflow: hidden;}
.related-pro img{ width:100%; height:auto;}
.related-pro li img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.related-pro li:hover img,.related-news li:hover img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.related-pro li p{ line-height:16px; margin:10px 0;}
.related-pro li:hover p a{color: #FF8000; }
/*留言板*/
.message{overflow: hidden;padding:10px 40px 0 60px;margin-top: 40px; border-top-left-radius: 100px;background: #f9f9f9; padding-bottom: 16px;}
.msg-txt{ overflow:hidden; margin-top:20px;}
.msg-txt h3{ font-size:20px; font-weight:bold}
.msg-txt p{font-size:15px;margin-top:10px;}
.msg-show{ position: relative;  padding:20px 50px; margin-top: 40px; border-radius: 50px 10px 0 0; background-color: #FFF; box-shadow: -1px -1px 26px 0 rgba(0,0,0,0.4); -webkit-box-shadow: -1px -1px 26px 0 rgba(0,0,0,0.4); -moz-box-shadow: -1px -1px 26px 0 rgba(0,0,0,0.4);}
.msg-show ul{ clear: both; overflow: hidden; margin-top:0.5rem;}
.msg-show ul li{ margin-bottom: 20px; }
.msg-show ul li em{ display: block; color: #333; font-size: 18px; line-height: 1.1; margin: 10px 0;}
.msg-show ul li em i{ color: #E60100;}
.msg-show ul li input{ width:100%; height: 44px; line-height: 44px; color: #333; font-size: 16px; padding-left:20px; border: 1px solid #FFEDDA; border-radius: 6px; background-color: #FFF9F3;}
.msg-show ul li textarea{ font-family:Microsoft YaHei; width:100%; height: 90px;line-height: 26px; color: #333; font-size: 16px; padding-left:20px; padding-top: 6px; border: 1px solid #FFEDDA; border-radius: 6px; background-color: #FFF9F3;}
::-webkit-input-placeholder{ color: #999; }
::-moz-input-placeholder{ color: #999; }
::-ms-input-placeholder{ color: #999; }
.msg-btn{ clear: both; overflow: hidden;}
.msg-btn input{ float: right; display:block; width:36%; height:42px; line-height:42px; text-align:center; color:#FFF; font-size:18px; background-color: #FF8000; border: none; border-radius: 21px; cursor: pointer;}
.msg-btn input:hover{ background-color: #393B45;}
.new_theme{ margin-top:30px;}
/*新闻内页*/
.news-page{overflow: hidden; margin-top: 20px;background:#f9f9f9; padding:10px;}
.news-page p{ width:48.5%; float:left; color:#555; margin-left:1.5%}
.news-page p a{display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-page a:hover{ color:#F00}
.relevant-news{overflow:hidden; margin-top:30px;padding:10px;}
.relevant-news ul{overflow:hidden; margin-top:20px;}
.relevant-news h3{ font-size:20px; background: url(../images/pro-icon.png) no-repeat left center;padding-left: 50px; font-weight:bold}
.relevant-news li{width:47%;margin:0 2% 0 0;float:left;height:40px;line-height:40px;background:url(../images/ico-pro1.png) no-repeat 0px 50%;text-indent:15px;background-size:12px;border-bottom: 1px dashed #ccc;}
.relevant-news li a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-article{margin-top:20px;padding:10px; overflow:hidden}
.news-article video{padding-left:12%}
.news-article a{color:#935202}
.news-article p{margin:10px 0;text-indent:2em}
.news-article h2{ font-size:20px; font-weight:bold; margin-bottom:8px; margin-top:20px;}
.news-article img{ margin-bottom:5px; margin-top:15px;}
.article-tit{overflow: hidden; margin-top:30px;}
.article-tit h1{font-weight:bold; font-size:26px; text-align:center; margin-bottom:15px;}
.news-time{text-align:center;color:#999; font-size:12px;}
.news-time a{color:#999}
.news-time span{padding-left:10px}
.daodu{ background:url(../images/newkf.png) no-repeat 10px bottom #f5f5f5; padding:40px 0px 15px 140px; margin-top:20px; color:#555; overflow:hidden;}
.l_tel{ width:40%; float:left; color:#004dbf; font-size:21px; font-weight:bold; margin-top:18px;background:url(../images/news-tel.png) no-repeat 0px 50%; padding-left:50px;}
.l_tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:top;}
.r_tool{ float:right; width:50%; margin-top:20px;}
.r_tool a{ font-size:15px; color:#fff; border-radius:3px; display:block; float:left; text-align:center;}
.r_tool a img{  margin-right:3px; vertical-align:middle;}
.r_tool a.zixun{ background:#004dbf; padding:8px 25px; margin-right:15px;}
.r_tool a.baojia{ background:#f86b00; padding:8px 25px;}
.conta_case{ width:100%;background:url(../images/conta_case.jpg) no-repeat; overflow:hidden; margin:0 auto; }
/*产品内页*/
.pro-article{ padding: 0 15px 40px; border-top-right-radius: 80px; background-color: #FFF; margin-top:30px;}
.article{overflow:hidden}
.article video{padding-left:12%}
.article a{color:#935202}
.article p{margin:10px 0;text-indent:2em}
.article h2{ font-size:20px; font-weight:bold; margin-bottom:15px; margin-top:40px;   background: url(../images/pro-icon.png) no-repeat left center;padding-left: 50px;}
.article_1{overflow:hidden}
.article_1 dt{ float:right; width:54%}
.article_1 dd{ float:left; width:45%}
.article ul{ overflow:hidden;  margin-left:-1.5%; margin-top:20px;}
.article li{ float:left; width:23.5%; margin-left:1.5%}
._con{display: inline-block;background-color: #fff;cursor: pointer;/* margin: 0 10px; */text-align: center;position: relative;overflow: hidden;opacity: .99;-webkit-transition: all .8s;transition: all .8s ;display: block; background: #f8f8f8;  padding: 5%; */overflow: hidden }
._con:before{content: '';background-color: #ffc527;width: 120%;height:120%;position: absolute;top: -120%;left:-120%;-webkit-transition:all .8s;transition:all .8s;border-bottom-right-radius: 50%;}
._con:hover:before{top: 0;left:0;}
._con h3{ font-size:15px; font-weight: 600;text-align:center; margin-bottom: 10px; position: relative;}
._con h4{ font-size: 14px; font-weight: normal; text-align:center; margin:0 auto;position: relative; line-height:26px;}
.article_2{overflow:hidden;}
.article_2 dt{ float:left; width:54%}
.article_2 dd{ float:right; width:45%}
.article_2 dd img,.article li img{ width:100% !important; height:auto !important}

.pro_ser ul{ margin-top:40px; width:100%; height:auto; overflow:hidden}
.pro_ser li{ width:18%;display:block;background:url(../images/ser_li.jpg) no-repeat right  top; float:left; margin:0 1%;*margin:0 0.8%;}
.pro_ser .ser_ico{ display:block; margin:0 auto; width:106px;height:105px; margin-bottom:15px;text-align:center; background:url(../images/ser_bg.png) no-repeat center 0 ; line-height:21px;color:#9a9a9a;}
.pro_ser li b{ display:block; font-size:22px; font-weight:normal; text-align:center; font-family:"微软雅黑";color:#242424;}
.pro_ser li p{ text-align:center; font-size:15px;}
.pro_ser li .ico1{ background-position: 0 0;}
.pro_ser li .ico2{ background-position: -106px 0;}
.pro_ser li .ico3{ background-position: -212px 0;}
.pro_ser li .ico4{ background-position: -318px 0;}
.pro_ser li .ico5{ background-position: -424px 0;}
.pro_ser{ margin:60px auto 80px;}
.pro_ser h3{font-size:42px;  color:#07284E; text-align:center;}

.related_new {overflow:hidden}
.related_new h3{ font-size:20px; font-weight:bold; margin-bottom:15px; margin-top:40px;   background: url(../images/pro-icon.png) no-repeat left center;padding-left: 50px;}
.related_new ul{overflow:hidden; margin-left:-1.5%}
.related_new li{float:left;border-bottom: 1px solid #eaeaea;padding:12px 0px;width:48.5%; margin-left:1.5%}
.related_new li time{float: left;text-align: center;color:#b0b0b0;}
.related_new li time b{font-size: 20px; display: block;}
.related_new li time span{font-size: 14px; display: block;}
.related_new  li p{font-size: 14px;color:#666;padding-left: 16px;height:48px;overflow:hidden;}
.related_new li h4{background:url(../images/ico-sign.png) no-repeat left 6px;padding-left:30px;margin-bottom:5px;font-size:14px; font-weight:bold;background-size:25px;}

.related-case{ overflow:hidden; padding:10px;}
.related-case ul{ overflow:hidden; margin-left:-1.5%; margin-top:20px;}
.related-case li{ width:23.5%; margin-left:1.5%; float:left; text-align:center}
.related-case img{ width:100%; height:auto}
.related-case h3{ font-size:20px; background: url(../images/pro-icon.png) no-repeat left center;padding-left: 50px; font-weight:bold}

.related-case-pro{ overflow:hidden; margin-top:30px;}
.related-case-pro h3{ font-size:20px; background: url(../images/pro-icon.png) no-repeat left center;padding-left: 50px; font-weight:bold}
.related-case-pro ul{ overflow:hidden; margin-left:-1.5%; margin-top:20px;}
.related-case-pro li{ width:48.5%; margin-left:1.5%; float:left; background:#f9f9f9; padding-bottom:10px;}
.related-case-pro .related-case-l{ width:45%; float:left;}
.related-case-pro .related-case-r{ width:48%; float:right; padding:0px 10px;}
.related-case-pro li img{ width:100% !important; height:auto !important; margin-top:10px;}
.related-case-pro span{ font-size:15px; font-weight:bold}
.related-case-pro p{ margin-top:10px;}
/*导航*/
.pd-guide{ padding-top:30px;  padding-bottom:10px; overflow:hidden}
.pdico { display:block; width:30px; height:30px; background:url(../images/pd_ico1.png) no-repeat; margin:0 auto;}
.pi01 { background-position:0 0; }
.pi02 { background-position:-30px 0;}
.pi03 { background-position:-60px 0;}
.pi04 { background-position:-90px 0;}
.pd-guide li { width:25%;float:left; text-align:center;  color:#07284E;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f9f9f9), to(#f9f9f9));}
.pd-guide a { display:block; color:#07284E; font-size:15px; padding:14px 0; border-right:#fff 4px solid;position:relative; }
.pd-guide a:after { content:""; display:none; width:0; height:0; overflow:hidden; border-color:#0D53B4 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}
.pd-guide li.active a { background-color:#0D53B4;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#0D53B4), to(#0D53B4)); color:#fff }
.pd-guide li.active a:after { display:block; }

.message_fl{ float:left; width:70%}
.message_fr{ float:right; width:25%}
.message_fr .tit img{ width:100%; height:auto}
.message_fr ul{margin-top:25px;overflow:hidden;}
.message_fr li{position:relative;font-weight: normal;background:#fff;border-radius:5px;padding: 15px 10px 15px 70px;margin-top:20px;}
.message_fr li em{position:absolute;left:10px;top: 15px;margin-right:10px;width:50px;}
.pro-imgtxt{float:right; width:50%; border-radius:0px 30px; overflow:hidden;}
.pro-imgtxt img{ width:100%; height:auto}
.pro-flbom{font-size:14px;line-height: 20px;padding-top: 10px;}
.pro-flbom span{float:left;background: url(../images/ico-pro3.png) no-repeat left 2px;padding:0px 25px 0px 20px;}
.pro-fltit{padding-top: 5px;}
.pro-fltit p{ font-size:15px; margin-top:15px;background: url(../images/ico-pro1.png ) no-repeat 0px 5px; padding-left:20px;}
.pro-fltit span{}
.pro-tit{float:left;width:45%;padding-top: 20px;}
.pro-tit h1{font-size:24px;padding-right:40px; font-weight:bold}
.pro-contact{overflow:hidden;margin-top:30px; margin-bottom:20px;}
.pro-contact .refer{float:left;width:34%;height:55px; cursor: pointer; line-height:55px;font-size:18px;padding-left:65px;background:url(../images/ico-pro4.png) left center no-repeat #165cce;border-radius:5px}
.pro-contact .refer a{ color:#fff}
.pro-contact .tel{float:right;padding-left:52px;background:url(../images/ico-pro5.png) left center no-repeat}
.pro-contact .tel em{display:block;font-size:14px;color:#333;line-height:26px}
.pro-contact .tel a{font-size:26px;font-weight:700;color:#165cce;line-height:38px}
.proone {background:#fff;border-radius:0px 30px;padding: 15px 15px 30px 20px;overflow: hidden;position: relative;box-shadow: 0px 0px 20px rgba(0, 54, 86, 0.5); margin-top:50px;}
.prooneban{overflow:hidden; background:url(../images/probanbg.jpg)no-repeat}
.prooneban:after{background-size:100% 161px;height:161px;width:100%;position:absolute;left:0px;z-index:1;bottom: -35px;right:0px;content:'';}
.pro-img-1{overflow:hidden;}

.pro-tit .int-one{background:#f9f9f9;padding:15px 0;box-sizing:border-box;border-radius: 5px; margin-top:30px;}
.pro-tit .int-one p{float: left;text-align: center;width:50%;font-size: 14px;color:#666;}
.pro-tit .int-one p:first-child{border-right: 1px solid #ddd;margin-left: -1px}
.pro-tit .int-one p strong{display: block;font-size: 16px;color:#FF8000;margin-top: 10px;}
/*首页*/
.index-h2{color: #333; font-size:24px;margin-bottom:30px;border-bottom:1px solid #f0f0f0; line-height:35px;}

.index-h2 a{ float: right; font-size:12px; font-weight:normal; color:#666}
.index-xcal{background:url(../images/xcal-bg.jpg) no-repeat center;background-size:cover;padding:45px 0 35px}
.index-xcal ul{margin:0 -7px}
.index-xcal ul li{width:33.33%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0 7px}
.index-xcal ul li .bg{padding-bottom:12px;background:url(../images/alt-bg.png) #fff no-repeat center bottom;background-size:100%}
.index-xcal ul li .bg>a{display:block;overflow:hidden}
.index-xcal ul li .bg>a img{width:100%;transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s}
.index-xcal ul li .bg>a:hover img{transform:scale(1.1)}
.index-xcal ul li h3{padding:20px 25px;font-size:20px;color:#222}
.index-xcal ul li h3 a:hover{color:#ff0400}
.index-xcal ul li p{color:#666;margin-bottom:10px;padding:0 25px}
.index-more{text-align:center;position:relative;margin-top:35px}
.index-more:before{content:'';position:absolute;width:100%;height:1px;background-color:#ddd;left:0;top:50%}
.index-more a{display:inline-block;width:20%;background-color:#fff;position:relative;font-size:16px;color:#0D53B4}
/*首页新闻*/
.index-new{margin-top: 30px;}
.index-good{width:47%;padding: 1%;border: 1px solid #eee; float:left;position: relative;}
.index-good h3{margin-top:-18px;padding-left: 20px; line-height: 55px;color: #fff; margin-left: -15px; background: #0D53B4; border-bottom: 1px solid #eee;padding-bottom: 1%;font-size:24px;margin-bottom:10px;}
.index-good h3 img{margin-right: 8px;}
.index-good li{position:relative;overflow:hidden;padding:28px 0 1px;font-size: 14px;color: #444; }
.index-good li p.goodtit{font-size: 15px;font-weight: 600;color: #333;margin-bottom: 5px;}
.index-good ul li span{position: absolute;left:0;z-index: 2; display: block; color:#ff8000;font-size: 28px;border-radius: 100%;font-family: Impact;height: 50px;line-height: 50px;width: 50px;border: 2px dashed #cecece;background: #fff;text-align: center;}
.line{z-index: 0; display: block; width: 1px;height: 100%;background: #eee;position: absolute;top:70px; left: 6.5%;}
.index-good ul li p{margin-left: 80px;font-size: 14px;color: #444;}
.index-good ul li p b{font-size: 15px;}
.index-newslist li span{display:block;float:left;width:65px;border-right:1px solid #ddd;color:#999;font-size:15px;margin-right:20px}
.index-newslist li span strong{display:block;font-size:20px;font-weight:400;line-height:1;margin-bottom:10px}
.index-newslist li a{display:block;font-size:15px; font-weight:900}
.index-newslist li a.pointer{position:absolute;width:100%;height:100%;left:0;top:0}
.index-newslist li:hover a,.index-newslist li:hover span strong{color:#f80}
.index-newsright{width:49%;float:right;border:1px solid #ddd}
.top-tab{background-color:#0D53B4;overflow:hidden;margin-bottom:30px}
.top-tab span{display:block;width:50%;float:left;text-align:center;line-height:55px;color:#fff;font-size:18px;cursor:pointer}
.top-tab h3{display:block;width:50%;float:left;text-align:center;line-height:55px;color:#fff;font-size:24px;cursor:pointer}

.top-tab h3 img{margin-right:8px}
.top-tab h3:first-child{border-top-right-radius:8px}
.top-tab span:last-child{border-top-left-radius:8px}
.top-tab span.active{background-color:#fff;color:#252525}
.index-newsright .tab-menu{margin:0 20px 0 25px;overflow: hidden;}
.tab-menu ul{display:none}
.tab-menu ul:first-child{display:block}
.index-newsright ul li{margin-bottom:18px;border-bottom: 1px solid #eee; overflow:hidden}
.index-newsright ul li:first-child a,.index-newsright ul li:nth-child(2) a,.index-newsright ul li:nth-child(3) a{color:#ff8000;}
.index-newsright ul li:first-child a font, .index-newsright ul li:nth-child(2) a font, .index-newsright ul li:nth-child(3) a font{color:#ff8000;}
.index-newsright ul li a{font-size: 14px;color: #444; display:block;width:calc(100% - 110px);float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:url(../images/ico-sign.png) no-repeat left center;padding-left:25px;background-size:20px;}
.index-newsright ul li span{float:right; font-size:12px;color: #777;}
.index-newsright ul li:hover,.index-newsright ul li:hover a{color:#f80}

.banner_slider img{width:100%}
.banner_slider .slick-dots{bottom:30px}
.banner_slider .slick-dots li{width:auto;height:10px;margin:0 6px}
.banner_slider .slick-dots li button:before{display:none}
.banner_slider .slick-dots li button{width:10px;height:10px;border-radius:5px;background-color:#fff;transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s}
.banner_slider .slick-dots li.slick-active button{opacity:1;background-color:#fee300;width:30px}

.index-list{ overflow:hidden; margin-top:30px;}
.index-list h3{text-align: center;color: #333; font-size:24px; margin-bottom:10px;}
.index-list .tit{color: #444;font-size: 14px; text-align:center;}
.guide-slider{width: 100%; overflow:hidden; padding-top:20px;}
.guide-list{padding: 5px;margin-left: -1.5%;}

.guide-slider .guide {float: left;margin-left: 1.5%; width:31.5%;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;margin-bottom:10px;overflow: hidden;box-shadow: 0 0 15px rgba(18,22,27,.3);border: 2px solid #fff}
.guide-slider .guide .display {height: 383px;width:100%;padding-bottom: 20px; text-align: center;overflow: hidden;z-index: 2;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}
.guide-slider .guide .display h4{padding:0px 10px; font-size:18px; color:rgb(13, 83, 180);margin: 15px 0; text-align: center; padding-top:15px;}
.guide-slider .guide .display p{color:#444; margin-top:10px;}
.guide-slider .guide .display p:nth-child(3){margin-left: 20px;margin-right: 20px;}
.guide-slider .guide .display img{ width:292px; height:254px}
.guide-slider .guide.ona .display{width:150px;}
.guide-slider .guide .behind{display:none;}
.guide-slider .guide .behind {width:402px;height: 100%;background: #f5f5f5;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 1;}
.guide-slider .guide .behind .function-list {padding: 20px 10px;}
.guide-slider .guide .behind .function-list > li {float: left;width:40%;padding: 0px 10px;}
.guide-slider .guide .behind .function-list > li > a {display: block;border: 1px solid #ddd;width: 100%;text-align: center;line-height: 24px;margin-bottom: 10px;color: #333;background: #fff;padding: 8px 0px;}
.guide-slider .guide .behind .function-list > li > a:hover {text-decoration: none;border: 1px solid #0D53B4;background:#0D53B4;color: #ffffff;}
.guide-slider .guide.on {width:638px;}
.guide-slider .guide.ona{width:100px;}
.guide-slider .guide.on .display{width:236px;}
.guide-slider ul li:hover .display{transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    box-shadow: 0 26px 40px -24px rgba(0, 64, 251, 0.88);
    -webkit-box-shadow:0 26px 40px -24px rgba(0, 64, 251, 0.88);
    -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);}

.inde-pro{background:url(../images/mobtwobg.jpg); overflow:hidden; margin-top:40px; padding:30px 0px;}
.inde-pro ul{ overflow:hidden; margin-left:-1.5%; margin-top:20px;}
.inde-pro li{ float:left; width:23.5%; text-align:center; margin-left:1.5%; background:#fff; margin-bottom:15px;}
.inde-pro li a{ line-height:45px;display: block;overflow: hidden;}.inde-pro li:hover a{color:#F60;}
.inde-pro li a h4{color: #444;font-size: 14px;}
.inde-pro li:hover a h4{color:#f60;}


.inde-pro li img{ width:100%; height:auto;transition:linear 0.5s all;}
.inde-pro h3{ text-align:center; font-size:24px; color:#fff; margin-bottom:10px;}
.inde-pro p{color:#fff;font-size: 14px; text-align:center}

.index-case{ margin-top:30px; margin-bottom:20px; float:right; width:60%}
.index-case h3{color: #333; font-size:24px; margin-bottom:10px;border-bottom: 1px solid #f0f0f0; line-height:35px;}
.index-case .tit-1{ font-size:15px; text-align:center}
.index-case ul {position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:20px; margin-left:-1.5%}
.index-case li{position:relative;float: left;width:48.5%;margin-left:1.5%; margin-bottom:15px;}
.index-case .tit{z-index:2;position: absolute;right:0px;bottom:2px;top: 20px;left:0px;background: rgba(0,0,0,0.60);padding:10px;color:#fff}
.index-case .tit{width:95%;left:auto; top:auto; }
.index-case .tit h4 { font-size:15px; font-weight:bold; color:#FF8000}
.index-case li img{ width:100% !important; height:auto !important}
.banner img{ width:100% ; height:auto}
.index-case .tits{ display:block; background:#FF8000; text-align:center}
.index-ivo p{box-shadow: 0 0 15px rgba(18,22,27,.3);border: 2px solid #fff;}
.index-ivo{margin-top:30px;margin-bottom:20px; float:left; width:38%;}
.index-ivo h3{ font-size:24px;color: #333;  margin-bottom:20px;border-bottom: 1px solid #f0f0f0; line-height:35px;}
.index-ivo img{ width:100% !important; height:auto !important}
.index-sub{ overflow:hidden}
.container{ overflow:hidden; margin-top:40px;}
.container h3{ text-align:center; font-size:24px; margin-bottom:10px;}
.container .tit{ font-size:15px; text-align:center}
.container ul{ overflow:hidden; margin-top:20px; margin-left:-1.5%}
.container li{float:left; margin-left:1.5%;width:23.3%;text-align: center;border: 1px solid #FF8000;color: #444;font-size: 14px;line-height: 35px;height: 35px;}
.container li span{display:block;border: 1px solid #FF8000;padding:5px 10px;color: #444;font-size: 14px;}
.container li span strong{color:#FF8000;font-size:18px;vertical-align: sub;}
.container li em{font-style: normal;font-weight: 600;font-size: 16px;color: #f80;}
.container dl{ overflow:hidden; margin-top:20px;}
.container dt{ float:left; width:45%;}
.container dd{ float:right; width:50%;background:#f9f9f9; padding:10px;}
.container dt img{ width:100%; height:auto}
.container dd p{font-size: 14px;color: #444; margin-bottom:10px;}
.container dd p.abouttit{font-size: 15px;color: #444;font-weight: 600;}
.container dd p span{color: #f80;}
.container strong{ font-size:15px;}
/*其他*/
.floating_ck {position:fixed; right:0; top:50%; *top:45%; width:115px; z-index:999999; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.floating_ck .floatingpng{clear:both; width:100%; }
.floating_ck .floatinggif{position:absolute; left:0px; top:0px; bottom:0px; right:0px;} 

#toTop {display:none; transition:background 0.5s; text-decoration:none; position:fixed; bottom:0; right:0px; overflow:hidden; width:55px; height:50px; z-index:999; text-align:center; background-color:#0a4db3 ;  cursor:pointer; }
#toTop span{padding:10px; display:block; clear:both; }
#toTop span img{width:100%; }
#toTop:hover {background-color:#0a4db3; transition:background 0.5s; }

.freetel{bottom:10em; right: 0;position: fixed;background:#F60;display:block;border-radius:8px;display: none;z-index:999;}
.freetel a{ background:#F60;display:block; line-height:16px; color:#fff; font-size:15px;padding:10px 12px;border-radius:8px;}
.floating_ck .floatingpng img,.floatinggif img{ width:100%; height:auto}
.psz-bot{display:none}
.psz-bot{background:#064ca0;height:45px;background-size:100% 100%;z-index: 50; position: fixed; bottom: 0; width: 100%; max-width: 750px;}
.psz-bot li{width: 43%;text-align: center;line-height: 0.8333rem}
.psz-bot .phone{display:block;}
.psz-bot .phone img{width:40px; position: absolute;left: 50%;transform:translate(-50%,50%);bottom: 50%}
footer{background: url(../images/foot_bg.png) no-repeat;height:0.8333rem;background-size:100% 100%;z-index: 50;    position: fixed; bottom: 0; width: 100%; max-width: 750px;}
footer ul{display: flex;display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; justify-content: space-between;}
footer li{width: 43%;text-align: center;margin-top:10px;line-height: 0.8333rem}
footer li img{vertical-align: middle;width:30px;margin-right:0.08rem;margin-top: -0.0417rem}
footer li a span{font-size:14px;color:#fff;}
footer .phone img{width:0.6rem; position: absolute;left: 50%;transform:translate(-50%,50%);bottom: 50%}

.zx-icon-bg{text-align:center;visibility:visible;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);display:block;width:20px;height:30px;position:absolute;top:-15px;left:17%;background: url(../images/qiqiu.gif) no-repeat;background-size:20px;background-position:0 0;color:#fff;cursor:default;text-align:center;line-height:20px;font-weight:300;font-size:11px;-moz-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition:all .5s 1s;-moz-transition:all .5s 1s;-webkit-transition:all .5s 1s}
.jiuye{text-align:center;visibility:visible;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);display:block;width:20px;height:30px;position:absolute;top:-15px;left:70%;  background: url(../images/qiqiu.gif) no-repeat;background-size:20px;background-position:0 0;color:#fff;cursor:default;text-align:center;line-height:20px;font-weight:300;font-size:11px;-moz-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition:all .5s 1s;-moz-transition:all .5s 1s;-webkit-transition:all .5s 1s}
.new_list dt img,.index_news dt img{ width:100%; height:auto}

.news-list li h3{ font-weight:bold}
.news-sfnews .xinwen, .news-l .xinwen{ font-size:12px;}

.contact-show .mac{ display:none}
.pro-fr img{ width:100%; height:auto}
.pro-fl{ margin-bottom:35px;}
.news-list li h3a,.news-l dl h3 a,.news-sfnews h4 a,.index-newslist li a,.index-newsright ul li a,.news-l dl h3,.news-sfnews h4 a{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.pro_head{background:#064ca0;  padding:0px 10px;overflow:hidden;display:none}
.dh_mb{float:left}

.menuBtn {float:right; margin-top:0px;}
nav{position: absolute; right:8px; z-index: 9999; background: #fff; top:50px; border-radius: 5px; width:110px;box-sizing: border-box; display: none; box-shadow: 0px 0px 3px #ccc; padding:0px 10px;}
nav::before {position:absolute; right:8px; top: -16px; content: ''; width: 0px; height: 0px; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; }
nav li a {font-size:14px; padding:5px 0px; border-bottom: 1px solid #e6e6e6; display: block; }
nav li:last-child a{border-bottom: none;}
.proitembom a{ width:18%}
.proitemtop img,.proitemtop span{ width:80px;}
.index_line h3 a{width: 95%;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
nav li:last-child a{border-bottom:0px;}
nav li em{float:left;width:25px;display:block;height:20px;margin-top: 3px;}
nav li:nth-child(1) em{background:url(../images/navicon02.png) no-repeat;background-size:20px;}
nav li:nth-child(2) em{background:url(../images/navicon03.png) no-repeat; background-size:20px;}
nav li:nth-child(3) em{background:url(../images/navicon03.png) no-repeat; background-size:20px;}
nav li:nth-child(4) em{background:url(../images/navicon03.png) no-repeat; background-size:20px;}
nav li:nth-child(5) em{background:url(../images/navicon04.png) no-repeat; background-size:20px;}
nav li:nth-child(6) em{background:url(../images/navicon05.png) no-repeat; background-size:20px;}
nav li:nth-child(7) em{background:url(../images/navicon06.png) no-repeat; background-size:20px;}
nav li:nth-child(8) em{background:url(../images/navicon07.png) no-repeat; background-size:20px;}
.index-new{ overflow:hidden}
.pro-tel a{ color:#fff}
.banner img,.banner-pro img{ width:100% !important; height:auto !important}
.case-side li img{ width:100% !important; height:auto !important}

.index404{ text-align:center; font-size:15px; text-align:center; margin-top:20px;}
.index404 img,.pro-list li img{ width:100% !important; height:auto !important}
.indexshow{ text-align: center; }
.indexshow a {display: inline-block;color: #FFFEFE;font-size:18px; width: 240px; height: 50px;line-height: 50px; border-radius: 25px;margin-top: 30px;background-color: #FF8000;}
.product-mobile,#LRfloater0{ display: none}






.banner{width:100%}
.banner img{width:100%!important;height:auto!important}
.banner{overflow:hidden;display:block;margin:0 auto}
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}
.slick-next:focus,.slick-prev:focus{outline:0}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
.slick-prev:before{content:"\2190"}
.slick-next{right:-25px}
.slick-next:before{background-color:#ffd800}
.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;list-style:none;display:block;text-align:center;padding:0;width:100%;margin-top:-50px}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:focus{outline:0}
.slick-dots li button:before{border:3px solid #fff;background-color:#005ed2;position:absolute;top:0;left:0;content:"";width:10px;height:10px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:15px}
.slick-dots li.slick-active button:before{border:3px solid #fff;background:#ff7800;opacity:.75}
.banner-slider{position:relative;padding-top:28.65%}
.banner-slider.slick-slider{padding-top:0}
.banner-slider .slick-dots{bottom:30px}
.banner-slider .slick-dots li{width:auto;height:10px;margin:0 6px}
.banner-slider .slick-dots li button:before{display:none}
.banner-slider .slick-dots li button{width:10px;height:10px;cursor:pointer;border-radius:4px;border:2px solid #f5f5f5;transition:all .25s ease-in;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-o-transition:all .25s ease-in}
.banner-slider .slick-dots li.slick-active button{opacity:1;width:36px;border-color:#f7ac1b;background-color:#f7ac1b}
.banner-slider .ban-con img{display:block;width:100%;z-index:1}
.banner-slider img{position:absolute;left:0;top:0;width:100%}
.banner-slider.slick-slider img{position:relative}
.banner-slider .slick-next:before,.banner-slider .slick-prev:before{content:'';-moz-opacity:.85;-khtml-opacity:.85;opacity:.85}
.banner-slider .slick-prev{left:25px;background:url(../images/ban-fl.png) no-repeat;background-size:100% 100%;width:40px;height:80px;margin-top:-40px}
.banner-slider .slick-next{right:25px;background:url(../images/ban-fr.png) no-repeat;background-size:100% 100%;width:40px;height:80px;margin-top:-40px}
.banner-slider .slick-next,.banner-slider .slick-prev{-moz-opacity:0;-khtml-opacity:0;opacity:0}
.banner-slider:hover .slick-next,.banner-slider:hover .slick-prev{-moz-opacity:1;-khtml-opacity:1;opacity:1}






@media (max-width:1200px){
.banner img,.index_line ul li img{ width:100%; height:auto}	
.wrap{display: block;overflow: hidden;margin: 0 8px;}
.contact-commit{ margin-top:30px;}
.left{width: 60%;}
.head{margin-top: 15px;}
.proone,.container{ margin-top:30px;}
.index-case .tit{position: static}
.index-case .tit{ width:100%; float: none; margin-top:0px;}
.index-case li{ background:#f9f9f9}
.index-case .tit{ background:none;bottom:0px; padding:0px; margin-top:10px;}
.index-case .tit p,.index-case .tit h4 a{ padding:0px 10px;}
.index-case .tits{ line-height:35px; color:#fff}
.index-case .tit{ width:95%}
.index-list{ margin-top:30px;}
.guide-slider .guide .display{ height:auto}
.head .tel{ width:218px;}
.head .logo{ width:240px;}
}
@media (max-width:1170px){
.container-list .tit, .case-list li .case-list-l{ width:95%; float:none}
.container-list .tit-go a, .case-list .case-list-r a{ display:none}
.Procomtit a{ margin:0px; margin-top:15px; padding:5px 10px;}
.news-list li{ width:39%}
.contact-show ul{ margin-top:20px;}
.contact-show strong{ margin-bottom:10px;}
.honor-info{ width:42%}
.r_tool{ width:60%}
.l_tel{ width:30%}

}
@media (max-width:999px){
.Procomtit h3{ float:left; width:100%}
.news-list li{ width:38%}
.lxmap{ display:none}
.contact-show p{ padding:0px;}
.head .left{width: 65%;}

.daodu{background:#f5f5f5;padding: 40px 0px 15px 10px;}
.daodu{ padding-top:10px;}
.daodu .tip{ width:95%; text-align:center}
.article_1 dt,.article_1 dd,.article_2 dt,.article_2 dd,.related-case-pro .related-case-l,.related-case-pro .related-case-r{ width:100%; float:none}
.related-case-pro .related-case-r p{ padding:0px 10px;}
.guide-list{ overflow:hidden}
.head ul{ display:none}
}
@media (max-width:900px){
.news-list li{ width:37%}
.honor-info{ width:41%}
.pro-fl{width: 40%;}
.guide-slider .guide{width:31.3%;}
.head .tel{display: none;}
.left{width: 70%;}
.guide-slider .guide .display img{height: 214px;}
.inde-pro li{width: 31.33%;}
}
@media (max-width:780px){
.r_tool a.zixun{ display:none}
.r_tool{ width:50%}

}
@media (max-width:767px){

.floating_ck,.head .tel,.head .logo,.container-list .pc,.Procomtit span,.head,.news-hot .pc,.con-fr,.con-fr,.index_link,.foot_btm p,.banner-pro{ display:none}
.pro-list li{ width:31.5%}
.container-list li{ width:48.5%}
.Procomtit h3{ font-size:24px;}
.Procomtit h3 em{ font-size:27px;}
.Procomtit h3{ line-height:normal}
.case-list li{ width:47%}
.news-list li{ width:36%}
.article-tit h1,.pro-fl h1,.pro-tit h1{ font-size:20px;}
.news-sfnews .tit, .news-l .tit,.contact-commit strong,.contact-show strong,.relevant-news h3,.related-pro h3,.msg-txt h3,.related-case h3,.pro-base h2,.article h2,.related-case-pro h3,.inde-pro h3,.container h3,.container li span strong,.index-h2,.index-case h3,.index-list h3{ font-size:18px;}
.news-hot ul li{ width:47%}
.guide-slider .guide .display h4{ font-size:15px;}
.contact-commit p,.contact-show li p,.contact-show p,.msg-txt p,.pro-fl p,.pro-fltit p,.inde-pro p,.container .tit,.index-case .tit-1,.index-case .tit h4 a,.index-newslist li a,.index-list .tit,.main-info h3 a,.news-list li h3,.container-list .tit h4, .case-list li .case-list-l h3,.pro-list h3 a,.msg-show ul li textarea,.msg-show ul li input,.msg-show ul li em{ font-size:14px;}
.main-info h3 a,.msg-show ul li em{ font-weight:bold}
.index-more a{ font-size:12px;}
.contact-show li b{ font-size:18px;}
.contact-show li span{ font-size:15px; width:100%}
.con-fl,.pro-fr{ width:100%; float:none}
.about_img{ width:97%; float:none}
.honor-info{ width:97%;float:none}
.news-article h2{ font-size:17px;}
.news-page p,.message_fr,.message_fl{ width:100%; float:none}
.r_tool a.zixun{ display:block}
.r_tool{ width:60%}
.related-pro{ margin-top:20px;}
.news-page p{ margin-bottom:10px;}
.article-tit{ margin-top:0px;}
.pro-fl{ width:97%; float: none; margin-bottom:0px;}
.pro-fr{ padding:0px; margin-top:30px;}
.pro-fl h1{ line-height:35px;}
.related-case{ padding-bottom:0px;}
.article li{ width:48.5%; margin-bottom:10px;}
.message_fr{ margin-top:30px;}
.message_fr li{ width:33%; float:left; margin-left:1.5%}
.message_fr ul{ margin-top:0px;}
.related-case-pro{ margin-top:20px;}
.pro-imgtxt,.pro-tit,.container dt,.index-newslist{ width:100%;float:none}
.pro-tit h1{ text-align:center}
.pro-flbom{ overflow:hidden}
.pro-flbom span{ width:25%}
.container dd{width:100%;float:none; margin-top:20px;}
.index-newsright{ width:98%;float:none; margin-bottom:20px;}
.top-tab span{ font-size:15px;}
.index-newsright ul li{ width:48%; float:left; margin-left:1.5%}
.index-newsright .tab-menu{ overflow:hidden; height:auto}
.index-case li{ width:48.5%; margin-bottom:10px;}
.freetel{ display:block}
.psz-bot{display:block}
.foot_btm{ margin-bottom:55px;}
#toTop{bottom:60px; width:40px; height:40px;}
.nav li a{ font-size:15px;}
.foot_btm{ background:#fff; margin-bottom:20px; }
.case-list{ margin-top:20px;}
.news-list li{ margin-bottom:20px;}
.news-hot,.news-sub{ margin-top:30px;}
.pro_head{display:block}
.nav{display:none}
.index-case,.index-ivo{ float:none; width:100%; overflow:hidden}
.index-case .tit h4{ font-size:14px; font-weight:normal}
.index-case .tit{ color:#333}
.index-case .tit h4{overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width:100%}
.index-ivo{ margin-top:10px;}
.product-pc{ display:none}
.product-mobile{ display:block}
.index-ivo h3{ font-size:18px;}
.index-ivo p video{width: 85%; height:100%;}
.index-ivo p{text-align: center;}
.index-good{width: 99%;}
}
@media (max-width:700px){
.news-list li{ width:35%}
.message_fr li{ width:32%; }
}
@media (max-width:650px){
.news-list li{ width:34%}
.related_new li{ width:98%; float:none}
.message_fr li{ width:31%; }
.index-case li img{height: 189px;}
}
@media (max-width:600px){
.news-list li{ width:76%; margin-bottom:20px;}
.news-l,.news-sfnews{ width:100%; height:auto}	
.news-sfnews{ margin-top:30px;}
.news-sub{ background:#0D53B4}
.news-sfnews .tit, .news-l .tit{ color:#fff}
.news-sfnews .xinwen, .news-l .xinwen{ color:#FF8000}
.contact-commit li{ width:48%; margin-bottom:30px;}
.contact-show .mac{ display:block}
.contact-show li{ width:45%; margin-bottom:30px;}
.contact-show{ padding:0px; padding-top:40px;}
.contact-commit{ margin-top:10px;}
.news-article img,.pro-base img,.article img{ width:100% !important; height:auto !important}
.news-article p,.pro-base p,.article p{text-indent:0em}

.l_tel{ width:100%; float:none;}
.r_tool{ width:100%;float:none}
.r_tool a.zixun,.r_tool a.baojia{ display:block; padding:0px;}
.r_tool a{ width:48%; line-height:45px; }
.msg-show ul li textarea,.msg-show ul li input{ font-size:14px;}
.msg-show ul li em,.msg-btn input{ font-size:15px; font-weight:bold}
.msg-btn input{ width:60%}
.message{padding: 10px 20px 0 20px;border-top-left-radius:20px; padding-bottom:30px; margin-top:10px;}
.msg-show{ margin-top:20px;padding: 20px 20px;}
.msg-show ul li textarea,.msg-show ul li input{ width:90%}
.msg-txt{ margin-top:10px;}
.message_fr li{ width:80%; }
.pro-flbom span{ width:21%}
.pro-contact .refer{ font-size:16px;}
.pro-contact .tel a{ font-size:20px;}
.container li{ width:48.5%; margin-top:10px;}
.index-newsright ul li{ width:95%; float:left; margin-left:0px;}
.guide-slider .guide{ width:48.8%}
.guide-slider .guide .display{height: 383px;}
.guide-slider .guide{width: 100%;margin-bottom: 20px;}
.index-ivo p video{width: 85%; height:100%;}
}
@media (max-width:480px){
.pro-list li{ width:48.5%}
.inde-pro li{width: 100%;}
.case-list li{ width:97%}
.inde-pro li{width: 48.5%;}
.news-l dt,.news-l dd{ width:100%; height:auto}	
.news-l dd{ margin-top:20px;}
.news-hot ul li{ width:97%}
.related-pro li,.related-pro li,.related-case li{ width:48.5%; margin-bottom:10px;}
.relevant-news li{ float:none; width:97%}
.bread span{ display:none}
.pro-fl{ width:95%;}
.pro-contact .refer{ width:78%; float:none; line-height:45px; display:block; margin-bottom:10px;}
.pro-contact .tel{ width:100%; float: none}
.index-case li{ width:48%}
.index-good{width: 99%;margin-top: 15px;}
.container dd p{margin: 0 6px 10px!important;}
.container dd{padding: 0;}
.index-ivo p video{width: 99%; height:100%;}

.inde-pro{background: #F9F9F9;}
.inde-pro h3{color: #333;}
.inde-pro p{color: #444;}
}
@media (max-width:400px){
.r_tool a{ width:47%;}
.related-case-pro li{ width:100%; float:none; margin-bottom:10px;}
}	
@media (max-width:360px){
.pro-fl{ width:93%;}
.container li span{overflow: hidden;height:28px;}
.message_fr li{ width:68%; }
.guide-slider .guide{ width:48.5%}
.index-ivo p video{width: 99%;}
.index-good{width: 99%;margin-top: 15px;}
.container dd p{margin: 0 4px 10px!important;}
.container dd{padding: 0;}
.inde-pro{background: #F9F9F9;}
.inde-pro h3{color: #333;}
.inde-pro p{color: #444;}
}
@media (max-width:320px){
.guide-slider .guide{ width:48%}

}

.inde-pro li a:hover{
   color: red;
}